<!--
 * @Author: 贺楚 2402041262@qq.com
 * @Date: 2023-01-12 09:22:53
 * @LastEditors: 贺楚 2402041262@qq.com
 * @LastEditTime: 2023-01-12 14:50:00
 * @FilePath: \vue-admin-template-master\src\views\permissions\role\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>
    <!-- 按钮 -->
    <el-button type="primary" icon="el-icon-plus" style="margin:10px">添加</el-button>
    <!-- 表格 
      data 展示数据 —— 数组类型
    -->
    <el-table style="width: 100%;" border>
      <el-table-column prop="uid" label="id" width="80" align="center">
      </el-table-column>
      <el-table-column prop="name" label="管理员昵称" width="180" align="center">
      </el-table-column>
      <el-table-column prop="permission" label="所属分组" align="center">
      </el-table-column>
      <el-table-column prop="operation" label="操作" width="180" align="center">
      </el-table-column>
    </el-table>
    <!-- 分页 -->
    <el-pagination style="margin-top:20px;textAlign:center" @size-change="handleSizeChange"
      @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[ 10, 50, 100]" :page-size="10"
      layout="total, sizes, prev, pager, next, jumper" :total="100">
    </el-pagination>
  </div>
</template>

<script>
export default {
  name:'Role'
}
</script>

<style>
  
</style>